<template>
  <div>
    <el-row>
      <el-col class="col-wrap" :span="8">
        <TextTooltip label="供应商" :textContent="supplierInfo.supplyName" />
      </el-col>
      <el-col class="col-wrap" :span="8">
        <TextTooltip label="供货城市" :textContent="supplierInfo.supplyCityName" />
      </el-col>
      <el-col class="col-wrap" :span="8">
        <TextTooltip label="销售区域" :textContent="supplierInfo.saleAreaName" />
      </el-col>
    </el-row>
    <el-row>
      <el-col class="col-wrap" :span="8">
        <TextTooltip label="供应商管理区域" :textContent="supplierInfo.supManagerHrAreaName" />
      </el-col>
      <el-col class="col-wrap" :span="8">
        <TextTooltip label="供应商归属部门" :textContent="supplierInfo.purchaseAttributionName" />
      </el-col>
    </el-row>
  </div>
</template>
<script>
import TextTooltip from '@/components/ShowContent/TextTooltip';
export default {
  components: { TextTooltip },
  props: {
    supplyInfoVo: {
      type: Object,
      default: () => ({})
    },
  },
  data () {
    return {
      supplierInfo: {},
    }
  },
  watch: {
    supplyInfoVo: {
      handler (infoVo) {
        this.supplierInfo = { ...infoVo }
      },
      immediate: true,
      deep: true
    }
  },
}
</script>
